<template>
  <div class="aside-title">
    <div class="logo">
      <img src="~@/assets/login/logo.svg" alt="logo" class="img" />
      <span class="title" v-show="!isCollapse">Vue3+Ts</span>
    </div>
  </div>
</template>

<script setup lang="ts">
interface titleProps {
  isCollapse: boolean
}
const props = withDefaults(defineProps<titleProps>(), {
  isCollapse: false
})
</script>

<style lang="less" scoped>
.aside-title {
  .logo {
    display: flex;
    padding: 12px 10px 8px 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    .img {
      height: 28px;
      margin: 0 10px;
    }
  }
}
</style>
